<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--
			标签选择器 以标签名作为选择器
		-->
		<style type="text/css">
			/*id选择器*/
			#div2 {
				color: yellow;
			}

			div {
				color: red;
			}

			h1 {
				color: red;
			}



			div {
				color: green;
			}
			
			.myblue{
				color: blue;
				
			}
			
			.myFontSize{
				font-size: 60px;
			}
			
/* 			*{
				color: re;
			} */
		</style>
	</head>
	<body>
		<div class="myblue myFontSize">DIV</div>
		<!--第二个DIV单独变黄色-->
		<!--id不能重复-->
		<div id="div2">DIV</div>
<!-- 		<div id="div2">DIV</div> -->
		<div>DIV</div>
		<h1 class="myblue myFontSize">H1</h1>
		<span class="myblue">SPAN</span>
	</body>
</html>
